/*características css del body*/

#warp {margin:0 auto;
	width:800px;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-bottom:2px solid #98FB98;
	border-right:2px solid #98FB98;
	border-left:2px solid #98FB98;
	background-color: #E0EEE0 ;}

body {font-size:1em;
	font-family:helvetica;
	color:white;
	margin:0;
	background: rgba(128,198,148,1);
	background: -moz-linear-gradient(left, rgba(128,198,148,1) 0%, rgba(173,214,220,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(128,198,148,1)), color-stop(100%, rgba(173,214,220,1)));
	background: -webkit-linear-gradient(left, rgba(128,198,148,1) 0%, rgba(173,214,220,1) 100%);
	background: -o-linear-gradient(left, rgba(128,198,148,1) 0%, rgba(173,214,220,1) 100%);
	background: -ms-linear-gradient(left, rgba(128,198,148,1) 0%, rgba(173,214,220,1) 100%);
	background: linear-gradient(to right, rgba(128,198,148,1) 0%, rgba(173,214,220,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c694', endColorstr='#add6dc', GradientType=1 );}

img {border:0;}

a {text-decoration:none;
	color:#0B79DB;
	font-weight:bold;}

/*div cabecera de la pagina*/

#cabecera {height:100px;
	margin:0 auto;}

#content {padding:10px;
background-color:#E0EEE0;}

/*divs de la cabecera, logo, enlaces twiter,facebook,etc*/

#logo {/*border:1px solid pink;*/
	width: 20%;
	height: 99px;
	float: left;}

#redes {/*border:1px solid yellow;*/
	width: 35%;
	height: 99px;
	float: right;}

.menured {/*border:1px dashed aqua;*/
	width: 50px;
	float: right;
	text-align: center;
	padding: 10px;
	margin-right: 20px;}

/*menu navegación*/

header {border-top:2px solid #98FB98;
	border-right:2px solid #98FB98;
	border-left:2px solid #98FB98;
	margin:0 auto;
	width: 800px;
	background-color: #E0EEE0;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;}

/*botonera*/

#menu {background-color: #778899;
	margin: 0 auto;
	width: 96%;
	height: 37px;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
	border-radius: 3px;}

#formbus,#navi {font-weight: bold;
	color: white;
    height: 20px;}

#formbus,#navi li {display:inline;}

#formbus,#navi li a {/*font-family:Arial;*/
   font-size:14px;
   text-decoration: none;
   float:left;
   padding:10px;
   background-color: #778899;
   color:#ffffff;}

#navi li a:hover {background-color:#9B1C26;
   margin:-1px;}

#formbus {padding:7.5px;
   background-color: #778899;
   border-bottom-color:#000000;}

/*#formbus:hover{background-color:#9B1C26;}*/

#busca {float:right;}

/*acabo botonera*/


.limpia {clear:both;
	margin-bottom: 10px;}

/*div cuerpo y sus cinco partes centrales*/

#cuerpo {/*border:2px solid green;*/
	width: 100%;
	margin: 0 auto;}

#parte1 {/*border:1px dashed maroon;*/
	width:100%;
	float: left;}

#parte2 {/*border:1px dashed maroon;*/
	width: 29%;
	float: right;}

/*index de la web*/

.central p {text-align: center;}

.ficha {width:175px;
	height:275px;
	margin: 5px;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: center;
    background-color: #778899;
	padding-top:10px;
	vertical-align:middle;
	float:left;
	padding: 5px;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-top: 5px;
	margin-bottom: 20px;}

.ficha a {color: white;}

.ficha img {border-radius:3px;}

.central {/*border:1px dashed black;*/
	width: 100%;
	color:black;}

#cenDerecha {/*border:1px dashed red;*/
	width: 28%;
	height: 790px;
	float: right;}

footer {width: 96%;
	margin:0 auto;
	margin-bottom: 10px;
	text-align: center;
	height: 100px;
	background: rgba(105,105,105,1);
	background: -moz-linear-gradient(45deg, rgba(105,105,105,1) 0%, rgba(140,140,140,1) 0%, rgba(122,122,122,1) 0%, rgba(26,26,26,1) 51%, rgba(97,97,97,1) 54%, rgba(95,95,95,1) 57%, rgba(59,59,59,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(105,105,105,1)), color-stop(0%, rgba(140,140,140,1)), color-stop(0%, rgba(122,122,122,1)), color-stop(51%, rgba(26,26,26,1)), color-stop(54%, rgba(97,97,97,1)), color-stop(57%, rgba(95,95,95,1)), color-stop(100%, rgba(59,59,59,1)));
	background: -webkit-linear-gradient(45deg, rgba(105,105,105,1) 0%, rgba(140,140,140,1) 0%, rgba(122,122,122,1) 0%, rgba(26,26,26,1) 51%, rgba(97,97,97,1) 54%, rgba(95,95,95,1) 57%, rgba(59,59,59,1) 100%);
	background: -o-linear-gradient(45deg, rgba(105,105,105,1) 0%, rgba(140,140,140,1) 0%, rgba(122,122,122,1) 0%, rgba(26,26,26,1) 51%, rgba(97,97,97,1) 54%, rgba(95,95,95,1) 57%, rgba(59,59,59,1) 100%);
	background: -ms-linear-gradient(45deg, rgba(105,105,105,1) 0%, rgba(140,140,140,1) 0%, rgba(122,122,122,1) 0%, rgba(26,26,26,1) 51%, rgba(97,97,97,1) 54%, rgba(95,95,95,1) 57%, rgba(59,59,59,1) 100%);
	background: linear-gradient(45deg, rgba(105,105,105,1) 0%, rgba(140,140,140,1) 0%, rgba(122,122,122,1) 0%, rgba(26,26,26,1) 51%, rgba(97,97,97,1) 54%, rgba(95,95,95,1) 57%, rgba(59,59,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#3b3b3b', GradientType=1 );
	font-style:italic;
	font-size:0.6em;
	font-family:verdana;
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    border-radius: 5px;
	font-size: 0.7em;}

#politica {text-align: left;
	width: 18%;
	height: 99px;
	float: left;
	padding-top: 15px;
	padding-left: 10px;}

#politica a {color: white;
	font-weight: normal;}

#politica a:hover {color:#00FF7F;}

#logopie {width: 29%;
	height: 99px;
	float: left;
	padding-top: 10px;}

#premios {width: 26%;
	height: 99px;
	float: left;
	padding-top: 10px;
	color: white;
	font-style: normal;}

#copyright {width:24%;
	float: left;
	color: white;
	padding-top: 15px;}

textarea {resize:none;}

/* Estilos del contenido del menu de usuario */

#menuPanel {float:left;
	width: 30%;}

#menuPanel a:hover{background-color: #00C0F2;}

.elementomenu {list-style-type:none;
	padding:10px;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: justify;
    background-color: #F5F5F5;}

#contenidoPanel {width: 450px;
	float:left;
	color:#453F3E;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: justify;
    background-color: #F5F5F5;
    padding: 20px;
    margin-top: 10px;
    margin-right: 8px;
    margin-left: 30px;
    margin-bottom:10px;
    font-weight: bold;
	}

#contenidoPanel div{margin-bottom: 10px;}

#contenidoPanel label{padding-left: 10px;}

#contenidoPanel #contAutores input{margin-bottom: 10px;}

#contenidoPanel #contCategorias input{margin-bottom: 10px;}

#contenidoPanel #contActores input{margin-bottom: 10px;}

#contenidoPanel #contDirectores input{margin-bottom: 10px;}

.limpia {clear:both;}

input[type="text"] {margin-left: 10px;}

/*perfil de usuarios*/

#perfil{font-weight: bold;}

#nick {margin-left: 88px;}

#password {margin-left: 46px;}

#email {margin-left: 79px;}

#nombre {margin-left: 62px;}

#sexo {margin-left: 84px;}

#nacimiento {margin-left: 2px;}

#ciudad {margin-left: 68px;}

#pais {margin-left: 110px;}

#beditar {font-weight: bold;}

#imgCarga {margin-left:150px;}

#mensaje {text-align: center;}

#rol{margin-left: 98px;}

#tipoBaneo{margin-left: 17px;}

/*registro de usuarios*/

#registro {width: 40%;
	margin: 0 auto;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: justify;
    background-color: #F5F5F5;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px;
    color: black;
	font-weight: bold;}

#registro label {float: left;
	color: black;
	margin-left: 10px;}

#registro p {color: black;
	margin-left: 20px;}

#registro .nickRegis {margin-left: 107px;}

#registro #password {margin-left: 17px;}

#registro img {margin-left: 122px;}

#baceptar {margin-left: 107px;
	font-weight: bold;
	width: 80px;
	color: black;}

/*apartado de peliculas*/

#titulos {width:99%;
	height: 120px;
	text-align:center;
	margin-bottom: 20px;
	margin-left: 3px;}

#fontit {width: 100%;
	margin: 0 auto;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color: #778899;
	color:white;
	border-radius: 2px;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;}

#paginator {margin-top: -15px;}

#imagen {width: 21%;
	height: 233px;
	float: left;
	-webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    border-radius: 10px;
    margin-left: 3px;}

#descripcion {border:1px solid #98FB98;
	width:70%;
	float: right;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	margin-right: 8px;
	background-color: #F5F5F5;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    color:#453F3E;
    text-align: justify;
    margin-bottom: 10px;}

#descripcion h4 {text-align: center;
	text-decoration: underline;}

.stars {height:15px;}

#titCrit {-webkit-box-shadow: 0 15px 5px #777;
    -moz-box-shadow: 0 15px 5px #777;
    box-shadow: 0 5px 5px #777;
    border-radius: 3px;
    margin-bottom:10px;
    text-align: center;
    color:#453F3E;
    height: 25px;
    background-color: #778899;
    margin-right: 8px;
    margin-left: 3px;}

#titCrit h4 {color: white;
	padding-top: 2px;}

#criform {display:none;}

.critica {clear: both;
	color:#453F3E;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: justify;
    background-color: #F5F5F5;
    padding: 20px;
    margin-right: 8px;
    margin-left: 3px;
    margin-bottom: 10px;}

#ncritica {clear: both;
	color:#453F3E;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: justify;
    background-color: #F5F5F5;
    padding: 20px;
    margin-right: 8px;
    margin-left: 3px;
    margin-bottom: 10px;}

#opina {color:#0B79DB;}

#etext, #etit, #eusu {background-color:#F5F5F5;
	margin-left:0;
	border:0;
	padding:3px;}

#bedit, #bnoedit {display:none;}

#enota {background-color:#F5F5F5;
	display:none;
	margin-right:4px;
	padding:3px;}

#editar {float:right;
	color:#0B79DB;}

#editarLibPel {float:right;}

/* Listados de todos los libros y peliculas */

.lisimg {display:block;
	float:left;
	margin-right:5px;
	height:120px;
	webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
	margin-top: 15px;}

.descrip {width: 82%;
	float:left;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: justify;
    background-color: #F5F5F5;
    padding: 10px;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom:15px;
	color:black;}

.descripbus  {width: 82%;
	float:left;
	height:20px;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: justify;
    background-color: #F5F5F5;
    padding: 10px;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom:15px;}

.criticAdmin{width: 95%;
	margin: 0 auto;
	float:right;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: justify;
    background-color: #F5F5F5;
 	padding: 10px;
    margin-top: 15px;
    margin-bottom:15px;
    font-weight: normal;}

#critit{width:100%;
	height: 50px;
    margin-bottom:10px;
    margin-left: 10px;
    text-align: center;
    float: right;
    text-decoration: underline;}

/*administarcion de usuarios*/

#formAdminUsuarios{font-weight: bold;}

#formAdminUsuarios #pais{margin-left: 90px;}

#beditarad{font-weight: bold;
	width: 80px;
	color: black;}

/*busqueda*/

.neg {color:black;}

/*adminsitracion peliculas*/

#titulo{margin-left:100px;}

#titulovo{margin-left:72px;}

#anyo{margin-left:112px;}

#duracion{margin-left:75px;}

#idioma{margin-left:92px;}

#paisper{margin-left:90px;}

#contenidoPanel .perfPais{margin-left: 90px;}

#web{margin-left:110px;}

#sinopsis{margin-left: 78px;}

#ficheroCartel{margin-left: 100px;}

.crearPeli{font-weight: bold;}

/*adminsitracion libros*/

#isbn{margin-left: 105px;}

#paginas{margin-left:83px;}

#formato{margin-left: 81px;}

#editorial{margin-left: 81px;}

#ficheroPortada{margin-left: 85px;}

.crearLib{font-weight: bold;}

/*registro de usuario*/

#contenidoRegis{width: 500px;
	margin: 0 auto;
	color:black;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: justify;
    background-color: #F5F5F5;
    padding: 20px;}

#contenidoRegis div {margin-bottom: 10px;}

.registr input[type="button"] {margin-top: 40px;}

#contenidoRegis label{width:40%;
	float: left;
	font-weight: bold;
	color: black;}

#contenidoRegis #baceptar{margin-left: 200px;
	font-weight: bold;}

#contenidoRegis #password{margin-left: 0px;}

.error {display:none;
	color:red;}

/*faq y politica*/

#fondoFaqPol{width: 95%;
	color:#453F3E;
	margin: 0 auto;
	-webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 5px 10px #777;
    border-radius: 3px;
    text-align: justify;
    background-color: #F5F5F5;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 10px;}

#fondoFaqPol h3{text-decoration: underline;}

/*div errores*/

#errorNick{color: red;
	margin-left: 200px;}

#errorPassword{color: red;
	margin-left: 200px;}

#errorCPassword{color: red;
	margin-left: 200px;}

#errorEmail{color: red;
	margin-left: 200px;}

#errorNombre{color: red;
	margin-left: 200px;}

#errorCiudad{color: red;
	margin-left: 200px;}

/*titulos perfiles administrador*/

#titulosPer{width:99%;
	height: 90px;
	text-align:center;
	margin-bottom: 20px;
	margin-left: 3px;}

/*titulos mis criticas administrador*/

#titulosCrit{width:99%;
	height: 60px;
	text-align:center;
	margin-bottom: 20px;
	margin-left: 3px;}

/*editar critica*/

#formEdit{font-weight: normal;}

#formEdit div{margin-bottom: 10px;}

#beditarcri{margin-top: 10px;
	font-weight: bold;}

#formEdit .tituloEdit{margin-left: 5px;
	width: 80%;}

.errorFormulario {color:red;
	font-weight:bold;}